<nz-modal
  nzClassName="custom-model-wrap"
  [nzFooter]="null"
  [(nzVisible)]="isViewVisible"
  [nzMaskClosable]="false"
  [nzTitle]="modalTitle"
  (nzOnCancel)="handleCancel()">

  <div *nzModalContent>
    <div class="custom-model-body">
      <nz-form-item>
        <nz-form-label [nzSpan]="6">请选择用户ID</nz-form-label>
        <nz-form-control [nzSpan]="18">
          <nz-select
            [nzDropdownRender]="renderTemplate"
            [(ngModel)]="selectedUser"
            (nzScrollToBottom)="loadUserMore()"
            nzPlaceHolder="请选择用户ID"
            nzAllowClear
            nzShowSearch
            nzMode="multiple"
            (nzOnSearch)="onSearch($event)"
            (ngModelChange)="selectChange($event)"
          >
            <ng-container *ngFor="let o of userTableParams.tableData">
              <nz-option
                *ngIf="!isLoading"
                [nzValue]="o.id"
                [nzLabel]="o.id"
              ></nz-option>
            </ng-container>

            <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
              <i nz-icon nzType="loading" class="loading-icon"></i>
              Loading Data...
            </nz-option>
          </nz-select>
          
          <ng-template #renderTemplate>
            <nz-spin *ngIf="userTableParams.loading"></nz-spin>
          </ng-template>
        </nz-form-control>
      </nz-form-item >
    </div>

    <div class="custom-model-foot">
      <div class="custom-foot-cont">
        <button nz-button nzType="default" (click)="handleCancel()">取消</button>
        <button nz-button nzType="primary" [nzLoading]="submitLoading" (click)="subManual()">确定</button>
      </div>
    </div>
  </div>
</nz-modal>